<template>
    <div>
        <headers></headers>   
        <div class="app-basement app-height">
            <div class="content-basement content-center">
                <div class="content-top-item">
                    <p>{{title}}</p>
                    <span>{{date}}</span>
                </div>
                <el-divider></el-divider>
                <div class="ql-editor" v-html="html">

                </div>
            </div>
        </div>
        <footers></footers>
    </div>
</template>

<script>
import headers from '@/components/header'
import footers from '@/components/footer'
// import pdf from 'vue-pdf'
export default {
    components:{headers,footers},
    data(){
        return {
            // numPages:5,
            // url:'', 
            html:this.$route.query.content,
            title:this.$route.query.title,
            date:this.$route.query.date,
        }
    },
    created() {
        
    },
}
</script>
<style scoped>
@import'~@/styles/quill.snow.css';
</style>
<style lang="scss" scoped>

    .content-center{
        
        margin-top:12px;
        .content-top-item{
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        p{
            font-size: 22px;
            font-weight: 600;
            margin: 0;
        }
    }
</style>